<div itemscope itemtype="http://schema.org/Course">
  <h2 itemprop="name">關鍵渲染路徑</h2>
  <a href="https://www.udacity.com/course/website-performance-optimization--ud884">
    <img src="/web/shows/udacity/img/ud884.jpg" class="attempt-right" itemprop="image">
  </a>
  <p>
    你將通過詳細了解移動瀏覽器和桌面瀏覽器如何渲染頁面，學習如何提高任何網站的速度。
  </p>
  <p itemprop="description">
    在這一簡短的課程中，你將學習關鍵渲染路徑，也就是瀏覽器將 HTML、CSS 和 JavaScript 轉換成實際運作的網站必須採取的一系列步驟。
    接著，你將利用工具來衡量性能，並運用簡單的策略盡快向屏幕中渲染畫面。
    你將學習如何利用 Google Chrome 的開發者工具—— PageSpeed Insights 和時間表視圖，找到所需的數據並立即提高性能！
  </p>
  <p>
    這個免費的課程可以在
    <span itemprop="Provider">
      <span itemscope itemtype="http://schema.org/Organization">
        <a href="https://www.udacity.com" itemprop="sameAs">
          <span itemprop="name">Udacity</span>
        </a>
      </span>
    </span>
    找到
  </p>
  <a href="https://www.udacity.com/course/website-performance-optimization--ud884" class="external">參加課程</a>
</div>
<div style="clear:both;"></div>
